﻿	<div class="span9">
    <ul class="breadcrumb">
		<li><a href="index.html">Home</a> <span class="divider">/</span></li>
		<li class="active"> SHOPPING CART</li>
    </ul>
	<h3>SHOPPING CART<a href="product_list.html" class="btn btn-large pull-right"><i class="icon-arrow-left"></i> Continue Shopping </a></h3>	
	<hr class="soft"/>
	<table class="table table-bordered">
		<tr><th>REGISTRATION</th></tr>
		 <tr> 
		 <td>
			<form class="form-horizontal">
				<div class="control-group">
				  <label class="control-label" for="inputUsername">Username</label>
				  <div class="controls">
					<input type="text" id="inputUsername" placeholder="Username">
				  </div>
				</div>
				<div class="control-group">
				  <label class="control-label" for="inputPassword1">Password</label>
				  <div class="controls">
					<input type="password" id="inputPassword1" placeholder="Password">
				  </div>
				</div>
				<div class="control-group">
				  <div class="controls">
					<button type="submit" class="btn">Sign in</button> OR <a href="register.html" class="btn">Register Now!</a>
				  </div>
				</div>
				<div class="control-group">
					<div class="controls">
					  <a href="forgetpass.html" style="text-decoration:underline">Forgot password ?</a>
					</div>
				</div>
			</form>
		  </td>
		  </tr>
	</table>		
			
	<table class="table table-bordered">
              <thead>
                <tr>
                  <th>Product</th>
                  <th>Description</th>
                  <th>Quantity/Update</th>
				  <th>Price</th>
                  <th>Total</th>
				</tr>
              </thead>
              <tbody>

   <!-- This needs a loop here ================================================== -->
                <tr>
                  <td> <img width="60" height="60" src="{{GadgetVM.Gadget.TopPict}}" /></td> 
                  <td>{{GadgetVM.Gadget.Name}}</td>
				  <td>
					<div class="input-append"><input class="span1" style="max-width:34px" value=1 id="appendedInputButtons" size="16" type="number" min="0">
                      <button class="btn" type="button" onclick="formulaApp.minusItem()"><i class="icon-minus"></i></button> <!---- This needs function to add to the total ---->
                      <button class="btn" type="button" onclick="formulaApp.addItem()"><i class="icon-plus"></i></button> <!---- This needs function to subtract from the total ---->
                      <button class="btn btn-danger" type="button" onclick=""><i class="icon-remove icon-white"></i></button>				
                    </div>
				  </td>
                  <td id="price">{{GadgetVM.Gadget.Price}}</td>
                  <td>$100.00</td>    <!---- This needs function to calculate the total ------->
                </tr>
   <!-- end of the loop ================================================== -->
</tbody>
</table>

	<a href="products.html" class="btn btn-large"><i class="icon-arrow-left"></i> Continue Shopping </a>
	<a href="login.html" class="btn btn-large pull-right">Next <i class="icon-arrow-right"></i></a>
	
</div>